.courseList{
    *{
        padding: 0;
        margin: 0;
    }
    ul{
        list-style: none;
    }
    .searchBox1{
        display: flex;
        width: 90%;
        height: 30px;
        background:#fff;
        border: 1px solid #eee;
        margin:10px auto;
        border-radius: 10px;
        align-items: center;
        >span{
            padding: 0px 5px;
            color: #777777 100%;
        }
        >input{
            width: 100%;
            outline: none;
            border: 0;
            height: 100%;
        }
    }
    .left{
        float:left;
        width:100px;
        height:calc(100vh - 1.73rem - 29px);
        overflow-y: hidden;
        background-color: rgb(230, 228, 228);
       
        border-top: 1px solid #ccc;
        p{
            width:100%;
            text-align: center;
            height:50px;
            line-height: 50px;
            &.active{
                background-color: white;
                color:rgb(255, 81, 0)
            }
        }
    }
    .right{
        float:left;
        width:calc(100vw - 100px);
        height:calc(100vh - 1.73rem - 29px);
        overflow-y: auto;
        border-top: 1px solid #ccc;
        .itemp{
            width:100%;
            padding:10px 5px;   
            font-size: 12px;   
          
        }
        ul{
            padding:15px;
            li{
                padding:10px 0px;
                box-sizing: border-box;
                overflow: hidden;
                .itemLeft{
                    float:left;
                    width:80px;
                    overflow: hidden;
                    img{
                        height:80px;
                    }
                }
                .itemRight{
                    float:left;
                    width:calc(100% - 80px);
                    position:relative;
                    .rate{
                        position: absolute;
                        right:0px;
                        top:0px;
                        font-size: 18px;
                    }
                    p{
                        padding:1px 10px;
                        font-size: 12px;   
                        color:#070303;
                        &:nth-child(1){
                            color:black;   
                            padding-right:20px;
                            padding-top:0px
                        }
                        &:nth-child(2){
                            span{
                                &:nth-child(2){
                                    position:absolute;
                                    right:0px;
                                    // top:0px;
                                    color:red;
                                }
                            }   
                        }
                    }
                    .ifybtn{
                        span{
                            font-size: 12px;
                            display: inline-block;
                            padding:5px;
                            margin:5px;
                            background-color: #d1d1d1;
                            border-radius: 5px;
                            position:relative;
                            left:100px;
                        }
                    }
                }
            }
        }
    }
}